<html>
<%@ include file="/paginas/comun.jsp" %>
<script language="javascript">
$(document).ready(function() {
	$("#btnNuevo").click(function() {
		window.location='mantEspecie.jsp';
	});
});
</script>
<body>
<table id="tblPaginaCentral">
<tr><td>Nuevo Cultivo</td></tr>
<tr><td>
		<table id="tblFormulario">
			<tr><td>Nombre Com&uacute;n		</td><td><input type="text"/></td>
				<td rowspan="4" style="vertical-align: top">Imagen      </td>
				<td rowspan="4" style="vertical-align: top"><img id="imgSeleccion"></td></tr>
			<tr><td>Nombre Cient&iacute;fico</td><td><input type="text"/></td></tr>
            <tr><td>Centro Origen</td><td><input type="text"/></td></tr>
			<tr><td>Tipo</td>
				<td>
				<select>
					<option>Planta</option>
					<option>Pan de llevar</option>
				</select></td></tr>
			<tr><td>Familia</td>
				<td>
				<select>
					<option>Alliaceae</option>
					<option>Brassicaceae</option>
				</select></td></tr>
		</table>
        <div id="tabs" style="width:100%; height:300px; margin-top: 5px">
            <ul>
                <li><a href="#tabs-1">Especies</a></li>
                <li><a href="#tabs-2">Siembra</a></li>
                <li><a href="#tabs-3">Fertilizaci&oacute;n</a></li>
                <li><a href="#tabs-4">Control de Malezas</a></li>
                <li><a href="#tabs-5">Cosecha</a></li>
                <li><a href="#tabs-6">Comercializaci&oacute;n</a></li>
            </ul>
            <div id="tabs-1" style="border-collapse: collapse; padding: 0px;">
                <table id="tblListado">
                    <thead>
                        <tr><th>Nombre</th>
                            <th>Tiempo Desarrollo</th>
                            <th>Tiempo Producci&oacute;n</th>
                            <th>Rendimiento x Ha</th>
                            <th>Imagen</th>
                            <th></th></tr>
                    </thead>
                    <tbody>
                        <tr><td>Napuri</td>
                            <td>2</td>
                            <td>7</td>
                            <td>7</td>
                            <td><img src="../../../imagenes/ajo.jpg" class="imgListado"></td>
                            <td><table><tr><td><img class="lnkModificar"></td><td><img class="lnkEliminar"></td></tr></table></td></tr>
                    </tbody>
                </table>
                <table id="tblOperacion">
                    <tr><td><button id="btnNuevo">Nueva Especie</button></td></tr>
                </table>
            </div>
            <div id="tabs-2" style="border-collapse: collapse; padding: 0px;">
                Comentario
                <textarea style="width: 100%; height: 245px;"></textarea>
            </div>
            <div id="tabs-3" style="border-collapse: collapse; padding: 0px;">
                Comentario
                <textarea style="width: 100%; height: 245px;"></textarea>
            </div>
            <div id="tabs-4" style="border-collapse: collapse; padding: 0px;">
                Comentario
                <textarea style="width: 100%; height: 245px;"></textarea>
            </div>
            <div id="tabs-5" style="border-collapse: collapse; padding: 0px;">
                Comentario
                <textarea style="width: 100%; height: 245px;"></textarea>
            </div>
            <div id="tabs-6" style="border-collapse: collapse; padding: 0px;">
                Comentario
                <textarea style="width: 100%; height: 245px;"></textarea>
            </div>
        </div>
        <table id="tblOperacion">
            <tr><td>
                <button>Grabar</button><button>Cancelar</button>
                </td></tr>
        </table>
</td></tr>
</table>
</body>
</html>